@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,del,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td {  margin:0;   padding:0; font-family:"宋体"; font-size:14px; color:#333;}
table {  border-collapse:collapse;    border-spacing:0;}
fieldset,img,button {  border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;  font-weight:normal;}
ol,ul { list-style:none;}
caption,th {  text-align:left;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
a { text-decoration:none; color:#666;  }


html { 
  font-family:"宋体";    
}
body { 
  font-family: "宋体"; 
  font-size:14px;
  background: #fff; 
  color: #333; 
  margin:0;
  padding:0;
}
a:hover,a:focus {
  /* color: #0079c5; */
  text-decoration: none;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.mc { margin:0 auto;}
.fl { float:left}
.fr { float:right}
.cl { clear:both; 
  /* color: #931f32; */
}


/* ------------------------------------------------------首页-------------------------------------------------------- */




/* --------------头部开始 -------------*/
.topwrap{ width: 100%;  height: 36px; background-color: #1f3146;}
.top{ width: 1200px; height: 100%;}
.toplift{ color: #eee;  line-height: 36px;}
.topright{ width: 146px; height: 100%;padding-left:23px; line-height: 36px; background: url(../images/tel.png) no-repeat left;}
/*.en{*/
/*  width: 150px;*/
/*}*/
/*.en a:hover{*/
/*  color: #2c77c3;*/
/*}*/

.topright i{ font-size: 20px; font-weight: 600; color: #fff; padding-left: 6px; float: left; 
font-family: Arial, Helvetica, sans-serif;}
/* --------------头部结束 -------------*/

/* --------------导航  开始 -------------*/
.header{ 
  width: 100%;
  height: 109px;
  line-height: 109px;
  /* position: absolute; */
  /*top: 39px;*/
  /*z-index: 1;*/
}
/*.header .zhezhao {*/
/*  display: none;*/
/*  width: 100%;*/
/*  height: 36px;*/
/*  background-color: rgb(23, 36, 52);*/
/*  opacity: 0.7;*/
/*  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 145px;*/
/*  z-index: 1;*/
/*}*/
.header .box {
  position: relative;
  width: 1200px;
  height:109px;
  line-height: 109px;
  overflow: visible;
}
.header .box  img{
  width: 390px;
  float: left;
  padding-top: 26px;
}
.nav {
  z-index: 1;
}
.nav .nLi {
  float: left;
  display: inline;
  position: relative;
}
.nav .nLi h3 {
  float: left;
  font-weight: normal;
}
.nav .nLi h3 a { content: '';
 padding: 8px 25px;
 border-radius: 50px;
}
.nav .on h3 a {
  color: #fff;
  background-color:#326394;
}
/* .nav .nLi h3 a:hover{
  color: #fff;
  background:url(../images/nava.png) no-repeat;
  background-position: 0px 38px;
} */
.nav .sub {
  /*overflow: hidden;*/
  width: 200px;
  display: none;
  left: 0;
  top:109px;
  position: absolute;
  line-height: 34px;
  text-align: center;
  z-index: 1;
  background-color: #ffffffd9;
  border-top: 3px #326394 solid;
  border-radius: 0 0 5px 5px;
}
.nav .sub li {
  width: 100%; 
  display: inline-block;
  zoom: 1;
  float: left;
  text-align: left;
}
.nav .sub a { 
    display: block; 
    line-height: 40px; 
    padding: 0 20px;
    
}
.nav .sub a:hover{ background-color:#49527547;  color: #326394;}
.nav .sub::before { content: ''; position: relative; top: -10px; left: 30px; display: block; width: 0; height:0;  border-left: 8px solid transparent;
    border-right: 8px solid transparent;  border-bottom:7px solid #326394;}

/*--------------banner开始----------------*/
.fullSlide{ 
  width:100%;  
  position:relative; 
  z-index:0; 
  height:486px; 
  background:#fff; 
  /* top: 109px; */
 }
.fullSlide .bd{ 
  margin:0 auto; 
  position:relative; 
  z-index:0; 
  overflow:hidden; 
}
.fullSlide .bd ul{ 
  width:100% !important;
}
.fullSlide .bd li{ 
  width:100% !important; 
  height:486px; 
  overflow:hidden; 
  text-align:center; 
}
.fullSlide .bd li a {
  display: block;
  width:100%;  
  height:486px;
}
.fullSlide .hd{
  width:100%; 
  position:absolute; 
  z-index:1; 
  bottom:0; 
  left:0; 
  height:30px; 
  line-height:30px;     
  text-align:center; _background:#000;
   _filter:alpha(opacity=60); 
  }
.fullSlide .hd ul{ 
  text-align:center;
  background-color: rgba(0, 0, 0, 0.52);
}
.fullSlide .hd ul li{ 
  cursor:pointer; 
  display:inline-block; 
  *display:inline; 
  zoom:1; 
  width:12px; 
  height:12px; 
  margin:0 10px;
   background:url(../images/tg_flash_p.png) 12px 0; 
   overflow:hidden; 
   line-height:9999px; 
}
.fullSlide .hd ul .on{ 
  background-position:0 0; 
}
.fullSlide .prev,  
.fullSlide .next { 
  width: 49px; 	
  height: 124px; 
  display: none; 
  background: url(../images/index.png) no-repeat 0 0; 
  position: absolute;
  top: 40%; 
  z-index: 10; 
  cursor: pointer; 
  text-indent: 999; 
  filter:alpha(opacity=60);
  opacity:0.2;
}
.fullSlide .prev { 
  left: 10px; 
}
.fullSlide .next { 
  background-position: -50px 0; right: 10px; 
}
.fullSlide .prev:hover,
.fullSlide .next:hover { 
  filter:alpha(opacity=100) !important;opacity:0.5 !important;  }
/*------------------banner结束-------------------*/

/*------------------- 简介开始 -----------*/
.introduction{
  width: 100%;
  height: 516px;
  padding-top: 54px;
  background-color:#f0f0f0;
  overflow: hidden;
}
/* 通用标题开始 */
.common_tit{
  width: 1200px;
  height: 110px;
  margin: 0 auto;
  text-align: center;
}
.common_tit h1{
  font-size:31px;
  color: #326394;
  font-weight: 600;
}
.common_tit p{
  font-size:18px;
  color: #818181;
  line-height: 43px;
  padding-bottom: 8px;
}
/* 通用标题结束 */
.about{
  width: 1200px;
  height: 325px;
  padding-top:23px;
}
.aboutright{
  background-color:#fff;
  width: 357px;
  height: 325px;
  padding:0 30px;
}
.aboutright h2{
  float: left;
  font-size:16px;
  color: #444;
  margin-top: 30px;
}
.aboutright h1{
  float: left;
  font-size:23px;
  font-weight: 600;
  color: #1d4d7d;
  line-height: 66px;
}
.aboutright p{
  float: left;
  font-size:13px;
  color: #555;
  line-height: 30px;
  text-align: justify;
text-justify: inter-ideograph;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.more{
  display: block;
  width:129px;
  height: 44px;
  line-height: 44px;
  margin-top: 20px;
  padding-left: 39px;
  color: #fff;
  background: url(../images/more01.png) no-repeat center; 
}
.more:hover{
  background: url(../images/more02.png) no-repeat center; 
}
/*------------ 简介结束 -----------*/

/*------------- 产品展示 开始-----------*/
.product_wrap{
  width: 1280px;
  height: 579px;
  padding-top: 54px;
  overflow: hidden;
} 

.scrollBox {    
	width:1280px;
	height: 343px;
	margin-top: 23px;		
	position:relative;
	overflow:hidden;
	zoom:1;
}
.ohbox{          
	overflow:hidden; 
	position:relative;
	width:1200px;
	left:40px}
.piclist{ 
  overflow:hidden; zoom:1;}
.piclist li{
	float:left; 
	display:inline; 
	width:377px;
	height: 311px;	
	margin-right:34px;	
	text-align: center;	
}
.piclist img{
	width: 377px;
  height: 264px;
  float: left;
}
.piclist span{
  float: left;
  display: block;
  width: 377px;
  height: 47px;
  line-height: 47px;
  color: #fff;
  background-color: #1d4d7de0;
}
.piclist li a:hover span{
  background-color: #487cae;
}
/*左右箭头*/
.scrollBox .pageBtn span{ 
	background:url(../images/left_right.gif) no-repeat; 
	display:block;
	width:28px;
	height:28px;
	position:absolute;
	top:135px;
	cursor:pointer;
	text-indent:-999em;
	overflow:hidden; }
.scrollBox .pageBtn .prev{
	left:0;
	background-position:0px 0px ;}
.scrollBox .pageBtn .next{
	right:0;
	background-position:-32px 0px ;}

.scrollBox .pageBtn .prev:hover{
	left:0;
	background-position:-0px -32px ;}
.scrollBox .pageBtn .next:hover{
	right:0;
	background-position:-32px -32px ;}
/*------------- 产品展示 结束-----------*/

/*--------- 应用领域 开始 ----------*/
.yyly_wrap{
  width: 100%;
  height: 400px;
  padding-top: 50px;
  background:url(../images/yyly.jpg) no-repeat center;
  overflow: hidden;
}
.yyly{
  width: 1050px;
  height: 210px;  
  overflow: hidden;
  padding-top: 25px;
}
.yyly li{
  width: 230px;
    height: 210px;
    display: inline-block;
    float: left;
    opacity: 0.6;       
    text-align: center;
    margin: 0 60px;
    background: #326394e0;    
}
.yyly li img{ 
  display:block; 
  width:90px; 
  margin:15% auto 0;
  transform-style: preserve-3d;
    transition: 1s ease;
}
.yyly li p{
  color: #fff;
  font-size: 30px;
  font-family: 宋体;
  line-height: 50px;
}
.yyly li span{ 
  color: #fff;
  display:block; 
  text-transform:uppercase; 
  font-family:Arial, Helvetica, sans-serif; 
  font-size:16px;
}
.yyly li:hover img{ 
  transform: rotateY(180deg);
  filter:alpha(opacity=100);
  opacity:1;
}

/*-------- 应用领域 结束 ------*/

/*------ 底部 开始  ------*/
footer{
  width: 100%;
  height: 310px;
  background: url(../images/footbj.jpg) repeat-x bottom;
}
.footLink{
  width: 1160px;
  height: 35px;
  line-height: 35px;
  padding: 10px 0;  
}
.footLink_tit {
  width: 80px;
  color: #ccc;
  font-size: 14px;
  font-weight: 600;
  padding-left: 50px;
  background: url(../images/link.png) no-repeat;
}
.footLink a{
  color: #ccc;
  padding:0 15px;  
}
.footLink a:hover{
  color: #999;
}

.foot_wrap{
  border-top:1px #999 solid;
  width: 100%;
  height: 254px;
}

.foot{
  width: 1160px;
  height: 185px;
  padding-top: 30px;
}
.footlift{
  width: 270px;
  height: 100%;  
}
.footlogo{
  width: 160px;  
  height: 160px;
  padding-top: 5px;
}
.footlogo img{
  width: 100%;  
}
.copyright{
  width: 300px;
  height: 100%;
}
.copyright_tlt{
  width: 100%;
  height: 40px;
  line-height: 35px;
  background:url(../images/l_ico1.png) no-repeat;
  font-size:30px;
  padding-left: 60px;
  color: #ccc;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.copyright p{
  color: #ccc;
  line-height: 30px;
}
.copyright p a{
  color: #ccc;
}
.limingmap {
    width: 520px;
    height: 152px;
    overflow: hidden;
    border-top: 7px solid #326394;
}
.jszc{
  width: 100%;
  height: 39px;
}
.jszc p{
  text-align: center;
  line-height: 39px;
  color: #ccc;
}



#gotoTop {
	background: url("../images/top1.png");
	width: 50px;
	height: 50px;
	right: 30px;
	bottom: 50px;
	margin-top: -50px;
	margin-left: 520px;
	display: none;
	position: fixed;
	cursor: pointer;
}
#gotoTop {
	_position: absolute;
}
.hover#gotoTop {
	background: url("../images/top2.png");
}

/*内页----------------------------------------------*/



/* 新闻列表页 */
.ny_banner{
  width: 100%;
  height: 260px;
  background:url(../images/nybanner.jpg) no-repeat center;
}
.ny_wrap{
  width: 100%;
  min-height: 600px;
  background:#ececec;
}
.columnwrap{
  width: 100%;
  height: 65px;
  background:#fff;
}
.column{
  width: 1200px;
  height: 25px;
  line-height: 25px;
  padding: 20px 0;
}
.column span{
  color: #36404b;
  font-size:16px;
  padding-right: 20px;
}
.column a:hover{
  color: #326394;
  text-decoration:underline;
}
.ny_main{
  width: 1200px;
  min-height: 800px;
  margin-top: 33px;
}
.ny_main_left{
  width: 895px;
  min-height: 800px;
  background:#fff;
}
.ny_maintlt{
  width: 800px;
  padding-top: 65px;  
  text-align:center;
}

.ny_maintlt h1{
  color: #666;
  font-size:32px;
  line-height: 45px;
  font-weight: 600;
}
.ny_newlist{
  display: block;
  width: 800px; 
  padding-top: 25px; 
}
.ny_newlist li{
  width: 100%;
  height: 169px;
  float: left;
  padding-top: 48px;
  position: relative;
  border-bottom: 1px solid #e5e7eb;  
}
.ny_newlist li::after{  
  content:'';
			display:block;
			/*开始时候下划线的宽度为0*/
			width:0;
			height:1px;
			position:absolute;
			left:0;
			bottom:0;
			background:#326394;
			/*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
			transition:all 0.3s ease-in-out;  
}
.ny_newlist li:hover::after{
  width:100%;
}
.ny_newlist li a img {
  width: 164px;
  height: 107px;
  float: left;
  margin-top: 5px;
}
.ny_newlist .news_content {
  width: 616px;
  height: 140px;
  float: left;
  padding-left: 20px;
}
.ny_newlist .news_content h4 {
  font-size: 20px;
  color: #666;
  margin-bottom: 10px;
}
.ny_newlist .news_content p {
  font-size: 14px;
  color: #777;
  margin-bottom: 8px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.ny_newlist .news_content span {
  color: #b5b5b5;
  font-size: 13px;
}

.ny_main_right{
  width: 269px;
  min-height: 850px;
  background:#fff;
}
.ny_r_img{
  width: 100%;
  height: 121px;
  padding-bottom: 43px;
}
.ny_r_news{
  width: 249px;
  min-height: 266px;
  padding-left:20px;
  margin-bottom: 30px;
}
.ny_r_newtit{
  width: 229px;
  height: 40px;
  border-radius:5px;
  background:#326394;
  line-height: 40px;
}
.ny_r_newtit h3{
  display: inline-block;
  float: left;
  color: #fff;
  font-size: 16px;
  padding-left: 17px;
}
.ny_r_newtit span{
  float: right;
  padding-right: 12px;  
}
.ny_r_newtit span a{
  color: #fff;
  font-size: 12px;
}
.ny_r_newtit span a:hover{
  color: #ccc;
}
.ny_r_newlist li{
  width: 229px;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #e5e7eb;  
  overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.ny_r_newlist li a:hover{
  color: #326394;
}
.ny_r_newlist li em{
  font-size: 12px;
  color: #326394;
}
.ny_r_piclist{
  padding-top: 30px;
}
.ny_r_piclist li{
  width: 104px;
  height: 170px;
  float: left;
  margin-right: 20px;
}
.ny_r_piclist li img{
  width: 104px;
  height: 100px;
}
.ny_r_piclist li span{
  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}


/* 图片列表 */
.ny_piclist{
  display: block;
  width: 850px;
  padding-top: 48px;
}
.ny_piclist li{
  width: 375px;
  height: 333px;
  margin: 0 25px;
  text-align: center;
  float: left;
}
.pic_img{
  width: 375px;
  height: 257px;
  overflow: hidden;
  position: relative;
}
.ny_piclist li img{
  width: 100%;
  transition: transform 0.2s ease;
  transform: scale(1,1);
}
.ny_piclist li img:hover{
  transform: scale(1.1,1.1);
  }
.ny_piclist li span{
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 50px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}


/* 详情页 */
.ny_maintlt .ny_tit_info {
  padding-top: 10px;
  text-align: center;
}
.ny_maintlt .ny_tit_info span {
  padding: 0 10px;
  color: #999;
}
.ny_content{ 
  width: 790px;
  min-height: 790px;  
  padding-top: 48px;
}
.ny_content img{
  display: block;
  max-width: 790px;
  margin: 10px auto;
}
.ny_content p{
  text-align: justify;
  color: #666;
  font-size: 15px;
  line-height: 35px;
}